.account-management-wrap {
  width: 100%;
  background: #f5f7fb;
  padding: 0 0px 20px;
  .common-title-m {
    padding: 32px 0px 16px;
    color: #111111;
    font-size: 24px;
    font-weight: 600;
    .back-box {
      width: 24px;
      height: 24px;
      border: 1px solid #111;
      border-radius: 50%;
      margin-right: 12px;
    }
  }
}
.account-management-content {
  background: #fff;
  border-radius: 12px;
  padding: 8px 16px;
  .management-item {
    height: 72px;
    border-bottom: 1px solid #eee;
    &:last-child {
      border-bottom: none;
    }
    .desc-title {
      color: #111111;
      font-family: 'PingFang SC';
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 4px;
    }
    .desc-subtitle {
      color: #7285a0;
      font-family: 'PingFang SC';
      font-size: 12px;
      font-weight: 400;
    }
    .management-action {
      color: #7285a0;
      font-size: 12px;
      font-weight: 400;
      display: inline-block;
      margin-right: 8px;
    }
  }
}

.dialog-header {
  border-radius: 12px 12px 0 0;
  padding: 24px 24px 16px;
  background: #f5f7fb;
  .title {
    color: #111111;
    font-family: 'PingFang SC';
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .subtitle {
    color: #7285a0;
    font-family: 'PingFang SC';
    font-size: 12px;
    font-weight: 400;
  }
}

.dialog-content {
  padding: 40px 112px 40px 32px;
}

.dialog-footer {
  padding: 0 24px 12px;
  .dialog-footer-cancel {
    min-width: 88px;
    height: 36px;
    padding: 0 16px;
    border-radius: 6px;
    border: 1px solid #7285a0;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
  }
  .dialog-footer-confirm {
    min-width: 88px;
    height: 36px;
    padding: 0 16px;
    border-radius: 6px;
    background: #2785ff;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-left: 12px;
  }
}

.form-wrap {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 24px 16px;
  .form-wrap-header {
    margin-bottom: 32px;
    .title {
      color: #111111;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    .subtitle {
      color: #7285a0;
      font-size: 12px;
      font-weight: 400;
    }
  }
  .form-wrap-footer {
    .form-wrap-footer-confirm {
      width: 100%;
      height: 40px;
      padding: 10px 12px;
      border-radius: 8px;
      background: #2785ff;
      color: #ffffff;
      font-size: 16px;
      font-weight: 400;
    }
  }
}

/deep/.el-form-item__label {
  color: #111111;
  text-align: right;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
}

/deep/.el-input {
  height: 40px !important;
  .el-input__wrapper {
    border-radius: 8px;
    box-shadow: 0 0 0 1px #b0b9c4 inset;
  }
}

.code-suffix-text {
  color: #2785ff;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-weight: 400;
}
